import styles from './topic.module.less'
import {Tag} from 'antd';

export const Topic = () => {
    
    return (
        <>
        <div className={styles['topic_container']}>
            <div className={styles['topic_title']}>热点话题榜</div>
            <div className={styles['topic_tags']}>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>C</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>GO</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>考研</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>面试</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>链表</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>求助</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>贪心</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>周赛</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>交流</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>求职</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>动态规划</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>数据结构</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>求职求助</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>Python3</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>listnode</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>java</Tag>
                <Tag color="#eaecef" style={{color:"#55acee",margin:"10px 0 0 10px"}}>考研</Tag>
                
                </div>
        </div>
        </>
    )
}